<template>
    <div>
        <ul class="box">
            <router-link to="/home/main" tag="li" active-class="active">主要内容</router-link>
            <router-link to="/home/other" tag="li" active-class="active">其他内容</router-link>
        </ul>
        <router-view></router-view>
    </div>
</template>
<script>
    export default {
        
    }
</script>
<style lang="scss" scoped>
    .box{
        width: 100%;
        display: flex;
        li{
            flex: 1;
            text-align: center;
        }
    }
    .active{
        background: mediumpurple;
        color: white
    }
</style>